<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,minimum-scale=1, user-scalable=no">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<style>
		*{ margin: 0; padding: 0;}
		html, body{ width: 100%; height: 100%; overflow: hidden; position: relative; }
		.iMap{ width: 2823px; height: 2990px; position: absolute; background:url(./images/bg.jpg) no-repeat; }
	</style>
	<title>鼠标滚轮事件</title>
</head>
<body>
	<div id="iMap" class="iMap"></div>
	<script>
		window.onload = function() {
			// 阻止双击放大
			var lastTouchEnd = 0;
			document.addEventListener('touchstart', function(event) {
				if (event.touches.length > 1) {
					event.preventDefault();
				}
			});
			document.addEventListener('touchend', function(event) {
				var now = (new Date()).getTime();
				if (now - lastTouchEnd <= 300) {
					event.preventDefault();
				}
				lastTouchEnd = now;
			}, false);

			// 阻止双指放大
			document.addEventListener('gesturestart', function(event) {
				event.preventDefault();
			});
		}


		
	</script>
</body>
</html>